/*
 
 Estilo para web normal
  
*/

*{ 
    margin: 0;
    padding: 0;
    
}

body{
    background: #fff;
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 1em;
    color: #369;
    font-weight: normal;
}

/* Headers */

h1{
    font-size: 1.0em;
    margin-top: 12px;
    margin-bottom: 6px;
    color: #369;
    margin-left: 5%;
    margin-right: 5%;
    text-align: center;
}

h2{
    font-size: 1.0em;
    color: #369;
    text-align: left;
    font-style: italic;
    width: 96%;
    margin: 10px auto;
}

h3{
    font-size: 1.0em;
}

h4{
    font-size: 1.0em;
    margin: 10px auto;
    width: 96%;
    border-bottom: 1px dotted #999;
    font-weight: normal;
    text-align: left;
    font-style: italic;
    display: none;
}

/* Selectores ID */

#barra{
    width: 100%;
    position: fixed top;
    background: #1B48C2;
    height: 30px;    
    border: 1px solid #fff;    
    text-align: center;
    margin: -5px auto 0 auto;
    padding-top: 5px;
    font-size: 0.8em;
    color: #fff;
}

#cuerpo{
    color:#369;
    font-size: 1em;    
    margin:5px auto;
    padding:10px;
    border:#999 1px none;
    background: #fff;
    width: 96%;
    text-align: center;
}

#pie{
    width: 96%;
    font-size: 0.6em;
    text-align: center;
    margin: 2% auto;
    font-style: italic;
}

/* Enlaces */

#barra a, #barra a:link, #barra a:active, #a:visited{

  color: #fff;
  text-decoration: underline;
  margin-left: 2%;
  font-weight: bold;
}

#barra a:hover{
    text-decoration: underline;  
}

/* Clases Barra */

.izquierda{
    margin-left: 0%;
    float: left;
    width: 25%;
    text-align: left;
}

.css{
    height: 24px;
    width: 24px;
    margin-left: 2%;
    margin-right: 2%;
    cursor: pointer;
}

.centro{
    background: #ddd;
    padding: 5px 10px 5px 10px;
    color: #369;
    font-weight: bold;
    color: #000;
    display: none;
}

.derecha{
    margin-right: 0%;
    float: right;
    width: 75%;
    text-align: left;
}

.datos{
    font-weight: bold;
}

.positive{
    color: #0c0;
}

.negative{
    color: #c00;
}



/* Clases Cuerpo */

.radios{
    width: 96%;
    margin: 1% auto;
    text-align: center;
}

.mensaje{
    width: 96%;
    border-bottom: 1px dashed #333;
    margin: 10px auto;
    text-align: left;
    background: #fff;    
    padding: 10px;
}

.mensaje:hover{
    background: #eee;
    border: 1px solid #999;
}

.msg{
  width: 96%;
  margin-left: 5%;
  margin-right: 25%;
  text-align: justify;
}

.autor{  
  font-weight: bold;
}

.fecha{
  color: #000;
  padding: 5px;
  text-align: right;
  font-size: 0.8em;
  clear:both;
}

.addUser{
    width: 96%;
    margin: 10px auto;
    text-align: left;
    background: #fff;    
    padding: 10px;
}

.addUser:hover{
    background: #eee;
    border: 1px solid #999;
}

.editUser{
    background: #eee;
    border: 1px solid #999;
    color: #000;
    width: 96%;
    margin: 5px auto;
    padding: 5px;
    cursor: pointer;
}

/* Clases Pie */

/* Clases imagenes */

.remove{
    float: right;
    margin-top: 3%;
    cursor: pointer;
}

.papelera{
    text-align: center;
    margin: 0% auto;
}

.papelera:hover{
    background: #ccc;
}

/* Formularios */

input[type="text"] {
    border: 1px solid #999;
    background: #fff;
    padding: 2px;
    width: 96%;
    height: 35px;
    font-size: 2em;
    color: #369;    
}

input[type="text"]:focus {  
    color:#369;
    background: #fff;
    outline:none;
    border:#35a5e5 1px solid;    
}

label[for="form_name"], label[for="guest"], label[for="registered"], label[for="administrator"]{
    margin: 10px;
    color: #000;
    font-size: 1.2em;    
}

input[type="submit"], input[type="button"]{
    background: #1B48C2;
    border: 1px #369 solid;
    height: 35px;    
    color: #fff;
    font-size: 1.2em;
    text-transform: uppercase;    
    margin: 10px 25px;
    padding: 5px;
  
}

input[type="submit"]:hover, input[type="button"]:hover{
    background: #336;
    color:#fff;
    outline:none;
    border:#35a5e5 1px solid;
    cursor: pointer;
}

input[disabled]{
    background: #ccc;
    border: 1px #999 solid;
    color: #333;
}

textarea{
    color:#369;    
    font-size:1.2em;    
    margin:5px 0px 10px 0px;
    padding:10px;
    height:15%;
    width:80%;
    border:#369 1px solid;  
}

textarea:focus{
    color:#369;
    outline:none;
    border:#369 1px solid;
    font-size: 1.6em;
}

